<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>墨阅小说</title>
	<link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet">
	<link th:href="@{/moyue/css/new_file.css}" rel="stylesheet">
	<link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
	<link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
	<!--<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/new_file.css" rel="stylesheet">
	<link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>-->
</head>
	<body>
		<div class="person-header">
            <div class="person-wrapper">
               <div class="wrapper-logo">
                   	个人中心
               </div>
               <div class="wrapper-nav">
                   <ul>
                       <li>
                       		<a th:href="@{/moyue/user/myhomehtml}">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe605;</i>  </span>我的首页
                       		</a>
                       </li>
                       <li>
                       		<a th:href="@{/moyue/book/bookcaselist}" style="background-color: #EE4259;">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe603;</i>  </span>我的书架
                       		</a>
                       	</li>
                       <li>
                       		<a th:href="@{/moyue/user/messagehtml}">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe6f3;</i>  </span>消息中心
                       		</a>
                       </li>
					   <li>
						   <a th:href="@{/moyue/user/booktaghtml}">
							   <span style="font-size:18px;">
								   <i class="fa fa-book"></i>
							   </span>
							   我的书单
						   </a>
					   </li>
                   </ul>
               </div>
               <div class="account-number">
               		<div class="go-home">
               			<a th:href="@{/moyue/user/index}">墨阅首页</a>
               		</div>
               </div>
            </div>
        </div>
        <div class="wrip">
        	<div class="new-grouping">
				<img th:src="@{/moyue/img/chahao.jpg}" id="ccc"/>
				<h4>新建分组</h4>
				<div class="new-grouping-dialog">
					<p>分组名</p>
					<input id="creat-grouping" maxlength="8" onkeyup="setShowLength(this, 8, 'cost_tpl_title_length');">
					<span class="red" id="cost_tpl_title_length"></span> 
					<p class="a"><b>注意：</b>分组名不能为空</p>
				</div>
				<div class="new-grouping-creation">创建</div>
			</div>
        </div>
        <div class="person-nav" style="min-height: 960px;">
        	<div class="person-sidebar">
				<div class="grouping">
				    <ul id="ul1">
				        <!--<li style="margin-top:0;" class="first-section" id="section1"><a href="###" style="color: #EE4259;">最近阅读</a></li>-->
				        <li class="first-section" id="section2">
							<a href="###" style="color: #EE4259;">
								默认分组
								<span style="float:right; font-size:18px;" id="new-group">
									<i class="fa fa-plus-square-o"></i>
								</span>
							</a>
						</li>
				        <li id="section3"><a href="###">最近阅读</a></li>
					</ul>
				</div>  
			</div>
			<div class="person-content">
			    <form class="search" target="_blank" id="search"> 
			    	<input type="text" class="shelf-search-input" placeholder="请输入作品名或作家"/>
			    	<input type="submit" name="" style="width: 63px; height: 40px; background-color: #EE4259; color: #fff; border: none;"/>
			    </form>
			    <div class="container" style="margin: 20px 0 0 0; width: 940px;">
						<div class="row clearfix">
							<div class="col-md-12 column">
								<div class="tabbable" id="tabs-852070" style=" margin-left: -15px;">
									<ul class="nav nav-tabs">
										<li class="active">
											 <a href="#panel-103957" data-toggle="tab">编辑推荐</a>
										</li>
										<li>
											 <a href="#panel-829211" data-toggle="tab">
											 	游戏推荐
											 	<img th:src="@{/moyue/img/new.gif}" style="position: absolute; top: -12px; left: 60px;"/>
											 </a>
										</li>
									</ul>
									<div class="tab-content">
										<div class="tab-pane active" id="panel-103957">
											<div class="editor1">
												<ul style="height: 220px;">
													<li class="editor-list" th:each="book : ${commandBook}" style="margin-left: 0px;">
														<a th:href="'/moyue/book/bookView/'+ ${book.bookId}">
															<img th:src=" '/moyue/Path/'+${book.bookCoverUrl}"/>
															<div class="editor1-content" th:text="${book.bookDescription}" >DND封神文，主角拥有召唤金手指来到异界!</div>
															<p th:text="${book.bookName}">召唤系主宰</p>
														</a>
													</li>
												</ul>
											</div>
										</div>
										<div class="tab-pane" id="panel-829211">
											<div class="editor2">
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="default-grouping" id="group1">
				    	<h3 style="margin-left: 15px; font-weight: 600;">默认分组</h3>
				    	<hr />
				    	<input type="checkbox" style="margin-left: 15px;"/><span> 书名/最近更新章节</span>
				    	<hr />
						<div class="default-book">
							<table class="table ">
								<thead>
								<tr>
									<th>书名</th>
									<th>更新时间</th>
									<th>作者</th>
									<th>状态</th>
									<th>操作</th>
								</tr>
								</thead>
								<tbody>
								<tr th:each="book : ${booklist}">

									<td><a th:href="'/moyue/book/bookView/'+${book.getBookId()}" th:text="${book.bookName}">sss</a></td>
									<td><span th:text="${book.bookUpdateDate}">ssssss</span></td>
									<td><a  th:text="${book.authorName}">ssssssssss</a></td>
									<td><span th:if="${book.bookIsEnd==0}">连载中</span></td>
									<td><span th:if="${book.bookIsEnd==1}">已完结</span></td>
									<td><a th:href="'/moyue/book/deletebookcase/'+${book.bookId}" class="default-del">删除</a></td>
								</tr>
								</tbody>
							</table>
						</div>

					</div>
					<div class="default-grouping" id="group2"style="display: none;">
				    	<h3 style="margin-left: 15px; font-weight: 600;">最近阅读</h3>
				    	<hr />
				    	<div class="recharge">
							<table border="0" cellspacing="" cellpadding="">
								<tr>
									<th  width="266px" scope="col">书名</th>
									<th  width="266px" scope="col">开启自动订阅时间</th>
								</tr>
							</table>
						</div>
				   </div>
			</div>
        </div>
		
        <div class="person-footer">
        	<div class="footer">
        		<div class="flider">
        			<div style="margin: 0 auto; width: 405px;">
        				<a href="">关于墨阅</a>
	        			<a href="">联系我们</a>
	        			<a href="">加入我们</a>
	        			<a href="">帮助中心</a>
	        			<a href="">提交建议</a>
	        			<a href="">举报中心</a>
        			</div>
	        		<p><span>Copyright &copy; 2002-2018 www.qidian.com All Rights Reserved</span>版权所有 上海玄霆娱乐信息科技有限公司</p>
		            <p>上海玄霆娱乐信息科技有限公司 增值电信业务经营许可证沪B2-20080046 出版经营许可证 新出发沪批字第U3718号 沪网文[2015]0081-031 新出网证（沪）字010 沪ICP备08017520号-1</p>
		            <p>请所有作者发布作品时务必遵守国家互联网信息管理办法规定，我们拒绝任何色情小说，一经发现，即作删除！举报电话：010-59357051</p>
		            <p>本站所收录的作品、社区话题、用户评论、用户上传内容或图片等均属用户个人行为。如前述内容侵害您的权益，欢迎举报投诉，一经核实，立即删除，本站不承担任何责任</p>
		            <p>联系方式 总机 021-61870500 地址：中国（上海）自由贸易试验区碧波路690号6号楼101、201室</p>
        		</div>
        	</div>
        </div>

		<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
		<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
		<script type="text/javascript" th:src="@{/moyue/js/new_file.js}"></script>
	</body>
</html>
